<template>
	<view class="mainBox">
		<view class="orderbig">进行中</view>
		<uni-section class="mb-10" title="订单详情" type="line"></uni-section>
		<view class="pad20">
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">订单编号</uni-col><uni-col :span="18">
						<view class="textr">132465798</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">商家门店</uni-col><uni-col :span="18">
						<view class="textr">小树照相馆上海五角场店</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">拍摄时间</uni-col><uni-col :span="18">
						<view class="textr">2024年3月21日 (周四) 10:00</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">服务项目</uni-col><uni-col :span="18">
						<view class="textr">结婚登记照纪念套餐</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">服务价格</uni-col><uni-col :span="18">
						<view class="textr">￥20.00</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">门店地址</uni-col><uni-col :span="18">
						<view class="textr">杨浦区翔殷路1128号沪东金融大厦15楼D-E室</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">门店电话</uni-col><uni-col :span="18">
						<view class="textr">15555855555</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">您的称呼</uni-col><uni-col :span="18">
						<view class="textr">杨浦</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">您的性别</uni-col><uni-col :span="18">
						<view class="textr">女</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">您的手机</uni-col><uni-col :span="18">
						<view class="textr">13855464444</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="demo-uni-row">
				<uni-row>
					<uni-col :span="6">备注信息</uni-col><uni-col :span="18">
						<view class="textr">武</view>
					</uni-col>
				</uni-row>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				options: [],
				buttonGroup: [{
					text: '我已阅读并同意',
					backgroundColor: '#2979ff',
					color: '#fff'
				}],
			}
		},
		onLoad() {

		},
		methods: {
			pay() {
				uni.navigateTo({
					url: '/pages/index/sucessful'
				})
			}
		}
	}
</script>

<style lang="scss">
	.pad20 {
		padding: 0 20rpx;
		background: #fff;
	}

	.demo-uni-row {
		border-bottom: 1px dashed #b3b3b3;
		line-height: 80rpx;
		font-size: 28rpx;
		color: #696969;
		background: #fff;

		.textr {}
	}

	.orderbig {
		line-height: 120rpx;
		width: 700rpx;
		margin: 20rpx auto;
		background: #2979ff;
		text-align: center;
		border-radius: 20rpx;
		color: #fff;
	}
</style>